<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>货源优质有保障，我又拉到一单货，兄弟们可以安装试试！！！</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="keywords" content="货源优质有保障，我又拉到一单货，兄弟们可以安装试试！！！" />
    <meta name="description" content="货源优质有保障，我又拉到一单货，兄弟们可以安装试试！！！" />
    <meta name="copyright" content="Copyright (c) vip56.cn" />
    <meta name="author" content="货源优质有保障，我又拉到一单货，兄弟们可以安装试试！！！" />
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">

    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            padding-bottom: 60px;
        }
        
        body {
            font-family: "PingFang SC", "Hiragino Sans GB", "Heiti SC", 微软雅黑, "Microsoft YaHei", "WenQuanYi Micro Hei";
            font-size: 12px;
        }
        
        .section {
            position: relative;
            margin: auto;
            width: 600px!important;
        }
        
        .section1 {
            font-size: 20px;
            color: #fff;
            background: url(images/main1_c.jpg);
            background-size: 100% 100%;
            animation: fadeIn 2s 1 ease;
            -webkit-animation: fadeIn 2s 1 ease;
            /*Safari and Chrome*/
        }
        /*================================*/
        
        .main1_logo {
            position: absolute;
            top: 3%;
            right: -22%;
            animation: bounceInDown 2s 1 ease;
            -webkit-animation: bounceInDown 2s 1 ease;
        }
        
        .main1_logo img {
            width: 55%;
        }
        
        .main1_android {
            position: absolute;
            left: 10%;
            width: 80%;
            text-align: center;
            /*border: 2px solid #fff;*/
            border-radius: 4px;
            height: 44px;
            line-height: 44px;
            bottom: 90px;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00c09f), to(rgba(0, 169, 135, 1)));
            background: -moz-linear-gradient(top, #00c09f, rgba(0, 169, 135, 1));
            filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=blue, gradientType=1);
            -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=rgba(0, 169, 135, 1), gradientType=1);
            animation: bounceInLeft 2s 1 ease;
            -webkit-animation: bounceInLeft 2s 1 ease;
        }
        
        .main1_ios {
            position: absolute;
            left: 10%;
            width: 80%;
            bottom: 24px;
            text-align: center;
            /*border: 2px solid #fff;*/
            border-radius: 4px;
            height: 44px;
            line-height: 44px;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00c09f), to(rgba(0, 169, 135, 1)));
            background: -moz-linear-gradient(top, #00c09f, rgba(0, 169, 135, 1));
            filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=blue, gradientType=1);
            -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=rgba(0, 169, 135, 1), gradientType=1);
            animation: bounceInRight 2s 1 ease;
            -webkit-animation: bounceInRight 2s 1 ease;
        }
        
        .main1_i {
            position: absolute;
            left: 10%;
            width: 80%;
            bottom: 0px;
            text-align: center;
            /*border: 2px solid #fff;*/
            border-radius: 4px;
            height: 44px;
            line-height: 44px;
        }
        
        .main1_ios img,
        .main1_android img {
            width: 24px;
            vertical-align: -5px;
            margin-right: 9px;
        }
        /*================================*/
        
        @media screen and (max-height: 569px) {
            .section {
                position: relative;
                margin: auto;
                width: 100%!important;
            }
            .main1_tit1_2 {
                color: #fff;
                font-size: 14px;
            }
            .main1_logo {
                position: absolute;
                top: 3%;
                right: -33%;
                animation: bounceInDown 2s 1 ease;
                -webkit-animation: bounceInDown 2s 1 ease;
            }
            .main1_logo img {
                width: 45%;
            }
            /*==============================================*/
            .main1_android {
                position: absolute;
                left: 10%;
                width: 80%;
                text-align: center;
                /*border: 2px solid #fff;*/
                border-radius: 4px;
                height: 44px;
                line-height: 44px;
                bottom: 66px;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00c09f), to(rgba(0, 169, 135, 1)));
                background: -moz-linear-gradient(top, #00c09f, rgba(0, 169, 135, 1));
                filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=blue, gradientType=1);
                -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=rgba(0, 169, 135, 1), gradientType=1);
                animation: bounceInLeft 2s 1 ease;
                -webkit-animation: bounceInLeft 2s 1 ease;
            }
            .main1_ios {
                position: absolute;
                left: 10%;
                width: 80%;
                bottom: 10px;
                text-align: center;
                /*border: 2px solid #fff;*/
                border-radius: 4px;
                height: 44px;
                line-height: 44px;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00c09f), to(rgba(0, 169, 135, 1)));
                background: -moz-linear-gradient(top, #00c09f, rgba(0, 169, 135, 1));
                filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=blue, gradientType=1);
                -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=rgba(0, 169, 135, 1), gradientType=1);
                animation: bounceInRight 2s 1 ease;
                -webkit-animation: bounceInRight 2s 1 ease;
            }
        }
        
        @media screen and (max-height: 667px) {
            .section {
                position: relative;
                margin: auto;
                width: 100%!important;
            }
        }
        
        @media screen and (max-height: 736px) {
            .section {
                position: relative;
                margin: auto;
                width: 100%!important;
            }
        }
        
        @media (min-height: 768px) {
            .section {
                position: relative;
                margin: auto;
                width: 100%!important;
            }
            #dowebok {
                width: 720px;
                height: 1182px;
                margin: auto;
            }
            .section1 {
                font-size: 20px;
                color: #fff;
                background: url(images/main1_c.jpg) no-repeat contain;
                width: 720px;
                height: 1116px;
                animation: fadeIn 2s 1 ease;
                -webkit-animation: fadeIn 2s 1 ease;
                /*Safari and Chrome*/
            }
            .main1_tit1_2 {
                color: #fff;
                font-size: 14px;
            }
            .main1_logo {
                position: absolute;
                top: 3%;
                right: 3%;
                animation: bounceInDown 2s 1 ease;
                -webkit-animation: bounceInDown 2s 1 ease;
            }
            .main1_logo img {
                width: 80%;
            }
            /*==============================================*/
            .main1_android {
                position: absolute;
                left: 10%;
                width: 80%;
                text-align: center;
                /*border: 2px solid #fff;*/
                border-radius: 4px;
                height: 54px;
                line-height: 54px;
                bottom: 135px;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00c09f), to(rgba(0, 169, 135, 1)));
                background: -moz-linear-gradient(top, #00c09f, rgba(0, 169, 135, 1));
                filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=blue, gradientType=1);
                -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=rgba(0, 169, 135, 1), gradientType=1);
                animation: bounceInLeft 2s 1 ease;
                -webkit-animation: bounceInLeft 2s 1 ease;
            }
            .main1_ios {
                position: absolute;
                left: 10%;
                width: 80%;
                bottom: 55px;
                text-align: center;
                /*border: 2px solid #fff;*/
                border-radius: 4px;
                height: 54px;
                line-height: 54px;
                background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00c09f), to(rgba(0, 169, 135, 1)));
                background: -moz-linear-gradient(top, #00c09f, rgba(0, 169, 135, 1));
                filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=blue, gradientType=1);
                -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid: DXImageTransform.Microsoft.gradient(startcolorstr=#00c09f, endcolorstr=rgba(0, 169, 135, 1), gradientType=1);
                animation: bounceInRight 2s 1 ease;
                -webkit-animation: bounceInRight 2s 1 ease;
            }
        }
    </style>
</head>

<body>

    <div id="dowebok">

        <div class="section section1">
            <img style="position:fixed;top:-888px;" src="images/share.jpg">
            <div class="main1_logo"><img src="images/main1_logo.png"></div>
            <div class="main1_android" onclick="window.location.href='http://a.app.qq.com/o/simple.jsp?pkgname=sino.cargocome.carrier.droid'"><span class="main1_android1"><img src="images/download_android.png"></span><span class="main1_android2">安卓版客户端下载</span></div>
            <div class="main1_ios" onclick="window.location.href='https://itunes.apple.com/cn/app/id1036130548?mt=8 '"><span class="main1_ios1"><img src="images/download_ios.png"></span><span class="main1_ios2">苹果版客户端下载</span></div>
            <div class="main1_i"></div>

        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/fullPage.js/2.9.4/jquery.fullpage.min.js"></script>
<script>
    $('#dowebok').fullpage({

    });
</script>

</html>